@CHARSET "UTF-8";

/* dvaStolpca.css */

	/* ------------------------------------------------------------------------------------------------------------------ */
	/* CELOTNA STRAN */

	body {
		margin: 0;				/* ne želimo niti malo roba okrog celotne vsebine strani pri prikazu v brskalniku */
		font-size: 90%;	
		background: #284940;
	}
	
	#container {
		width: 1007px;			/* širina strani je fiksna: 1024px širine strani - 17px širine drsnika na desni */
		margin-left: auto;		/* s tema dvema margin ukazoma lahko centriramo stran na sredino okna */
		margin-right: auto;
		background: #81DAF5;
	}

	/* ------------------------------------------------------------------------------------------------------------------ */
	/* GLAVA */
 
	#header {
		height: 120px;
		border-bottom: solid 10px #58ACFA;
		background-color: #F3F781;
		background: url(logo1.gif) no-repeat top left;
		background: #A9E2F3;
	}

	#header h1 {
		padding-top: 60px;
		padding-bottom: 27px;
		margin-left: 200px;
		padding-left: 20px;
		color: #0101DF;
		background-color: #A9E2F3;
	}
	
	#upVrstica {
		background-color: #81DAF5;
		line-height: 0px;
	}
	
	.upVrsticaLevo {
		background-color: #81DAF5;
		float:right;
	}
	
	.upVrsticaDesno{	
		background-color: #81DAF5;
		float:right;
	}

	/* ------------------------------------------------------------------------------------------------------------------ */
	/* TELO */
	
	#leftColumnFrame {						/* oblika levega stolpca */
		position: relative;					/* relativni način pozicioniranja */
		float: left;						
		width: 200px;						
		margin-right: -200px;				/* odmik od levega roba strani mora biti enak širini levega stolpca */
		background-color: #58ACFA;			/* barva ozadja leve kolone in barva levega roba pri desni koloni se morata ujemati */
	}
	
	#leftColumnContent {						/* vsebina levega stolpca */
		padding-left: 10px;
		margin: 10px;						/* kreiramo zunanji rob okrog vsebine zapisane v levem stolpcu */
	}
	
	#leftColumnContent li {
		padding-top: 5px;
		padding-bottom: 3px;
	}
	
	#rightColumnFrame {						/* oblika desnega stolpca */
		width: 807px;
		min-height: 400px;
		float: left;
  		border-left: 200px solid #58ACFA;	/* barva ozadja leve kolone in barva levega roba pri desni koloni se morata ujemati */
  		background-color: #81DAF5;
	}
	
	#rightColumnContent {					/* vsebina desnega stolpca */
		padding-left: 10px;
		margin: 10px;						/* kreiramo zunanji rob okrog vsebine zapisane v desnem stolpcu */
		background-color: #81DAF5;
	}
	
	.listStyle {
		list-style: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.listStyle li {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.vrsticaLevo {
		width: 120px;
		text-align: left;
		float:left;
	}
	
	.vrsticaDesno {
	
	}
	
	.clear {
		clear: both;
	}
		
	/* ------------------------------------------------------------------------------------------------------------------ */
	/* NOGA */

	#footer {
		clear: both;						/* POMEMBNO! s tem ukazom počistimo "float" nastavitve predhodnih elementov */
		
		padding: 5px;						/* notranji razmik: 5px, na vseh 4ih straneh (predvsem zaradi vertikalnega razmika) */			
		background-color: #A9E2F3;	
	}

	#footer p {				/* ker so med elementi <p></p> razmiki (na zunanji strani), jih uničimo tako, da za vsak element počistimo zunanji rob */
		margin: 0;			/* razmik na vseh 4ih straneh nastavimo na 0 (zaradi vertikalne poravnave) */
	}

	/* ------------------------------------------------------------------------------------------------------------------ */
